<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>档期网</title>
	<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
	<s:include value="/commond/keydesc.jsp"></s:include>
		<!-- CSS -->
		<link href="${ctx}/css/head/head.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/main.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/control/control.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/right/choose.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/right/connect_right.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/invite/invite_nav.css" rel="stylesheet" type="text/css" />
		<!-- JavaScript -->
		<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
		<script type="text/javascript">var jQ = jQuery.noConflict();</script>
		<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
		<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
		<script type="text/javascript" src="${ctx}/js/control/userinfo.js"></script>
	</head>

	<body>
		<s:include value="/head.jsp"></s:include>
		<div class="invite_page" style="min-height: 600px;background: #C0D1DB;margin-top: 47px;">
			<!-- 中间部分 -->
			<table class="main" cellpadding="0" cellspacing="0" style="background: #fff;margin: 40px auto;width: 1050px;border: 1px solid #96a6af;">
				<tr>
			        <!-- 左边主体  -->
			        <td class="center" style="padding: 0;width: 1050px;">
			        	<div class="widetopline"></div>
			        	<ul class="wideheadtitle">
			        		<li class="left"></li>
			        		<li class="title">
			        			<div class="info_title"><span>用户ID：</span><span id="userinfo_email"></span></div>
			        		</li>
			        		<li class="right"></li>
			        	</ul>
			        	<div class="widebottomline"></div>
			        	<table class="information" cellpadding="0" cellspacing="0" style="width: 100%;background: #eeeeee;">
			            	<tr>
			            		<td>
				                	<!-- 基本信息  -->
				                	<div class="info_base">
				                		<div class="title">
				                			<span class="txt">基本资料</span>
				                			<a class="opt" onclick="toedit(this);" id="userinfo_editbtn">编辑</a>
				                		</div>
				                		<ul class="line" id="userinfolist">
				                			<li>
				                				<label>姓名：</label>
				                				<span class="valbox" id="userinfo_name"></span>
				                			</li>
				                			<li>
				                				<label>性别：</label>
				                				<span class="valbox" id="userinfo_sex"></span>
				                			</li>
				                			<li class="separate">
				                				<label>出生年月：</label>
				                				<span class="valbox" id="userinfo_birth"></span>
				                			</li>
			                		
				                			<li>
				                				<label>QQ：</label>
				                				<span class="valbox" id="userinfo_qq"></span>
				                			</li>
				                			<li class="separate">
				                				<label>MSN：</label>
				                				<span class="valbox" id="userinfo_msn"></span>
				                			</li>
				                			<li>
				                				<label>居住地：</label>
				                				<span class="valbox" id="userinfo_living"></span>
				                			</li>
				                			<li class="separate">
				                				<label>个人网址：</label>
				                				<span class="valbox" id="userinfo_blog"></span>
				                			</li>
				                		</ul>
				                		<div class="title">
				                			<span class="txt">账号绑定</span>
				                		</div>
				                		<ul class="line" style="margin-bottom: 100px;">
				                			<li class="separate noh">
				                				<label>手机绑定：</label>
				                				<div class="mobile">
				                					<div>
				                						<label>手机号：</label>
				                						<span class="val" id="userinfo_mobile">12345678911</span>
				                						<a class="opt" id="mobileupdate">修改</a>
				                					</div>
				                				</div>
				                			</li>
			                		
				                			<li class="separate" id="userinfo_isouter">
				                				<label>社交绑定：</label>
				                				
				                			</li>
				                		</ul>
				                	</div>
				                	
			            		</td>
			            		
			                    <td width="350">
			                    	<div class="emailinfo" id="emailinfo_title">
			                    		<div class="infobox">
			                    			<p><b>绑定邮箱：</b>档期提醒、邀请等通知将发至邮箱</p>
			                    		</div>
			                    	</div>
			                    	<fieldset class="add_mail pp">
			                    		<legend>添加新邮箱</legend>
			                    		<ul>
			                    			<li>
			                    				<label>邮箱：</label>
			                    				<span class="emailval"></span>
			                    			</li>
			                    			<li>
			                    				<input type="checkbox" checked="checked"/>
			                    				<span>设置为接收邮箱</span>
			                    			</li>
			                    			<li>
			                    				<a onclick="editEmail(this)">编辑</a>
			                    			</li>
			                    		</ul>
			                    	</fieldset>
			                	</td>
			            	</tr>
			            </table>
			        </td>
			        <!-- 左边主体  -->
				</tr>
			</table>
		</div>
		<!-- 中间部分结束 -->
		<s:include value="/foot.jsp"></s:include>
		<div style="display: none;" id="viewopt">
			<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
			<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
		</div>
	</body>
</html>
